<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
    <link href="//unpkg.com/layui@2.8.16/dist/css/layui.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
    <script src="//unpkg.com/layui@2.8.16/dist/layui.js"></script>
    <script src="js/websocket.js"></script>
    <script src="js/notification.js"></script>
</head>
<body>
<div id="content">
  <!-- 页面内容将在这里加载 -->

</div>
<script>
    $(document).ready(function() {
        loadPage('home.html'); // 加载初始页面
    });

    // 监听链接点击事件
    $(document).on('click', 'a', function(e) {
        e.preventDefault(); // 阻止默认链接跳转行为
        const page = $(this).attr('href'); // 获取链接的 href 属性
        loadPage(page); // 加载新页面
    });

    // 加载页面内容
    function loadPage(page) {
        $('#content').load(page, function(response, status, xhr) {
            if (status === 'success') {
                console.log('页面加载成功: ' + page);
            } else {
                console.log('页面加载失败: ' + page);
            }
        });
    }
</script>
</body>
</html>